<template>
    <div class="outer">
        <div class="inner">
            <router-link to="/myapp/user" class="top" tag="div">
                <van-nav-bar
                        title="返回我的页面"
                        left-text=""
                        left-arrow
                />
            </router-link>
            <div class="word">
                云上新闻知天下
            </div>
            <router-view></router-view>
<!--            <component :is="com"></component>-->
<!--            <Login1></Login1>-->
<!--            <Registered></Registered>-->
<!--            <ForgetPassword></ForgetPassword>-->
        </div>
    </div>
</template>

<script>
    // import Login1 from "./Login1";
    // import Registered from "./Registered";
    // import ForgetPassword from "./ForgetPassword";

    export default {
        name: "Login",
        data(){
            return{
                // com:'Login1'
            }
        },
        components:{
            // Login1,
            // Registered,
            // ForgetPassword,
        },


    }
</script>

<style scoped>
    .outer {
        width: 100%;
        height: 100%;
    }
    .inner{
        padding: 10px;
        box-sizing: border-box;
        width: 100%;
        height: 600px;
        /*background-color: pink;*/
    }
    .word{
        width: 100%;
        height: 110px;
        font-size: 40px;
        color: #ababd9;
        text-align: center;
        line-height: 110px;
    }

</style>